@import '../../styles/mixins.scss';
@import '../../styles/var.scss';

.m-calendar-select {
  &.m-calendar-select-tabbar {
    .nut-popup {
      padding-bottom: 128px;
    }
  }

  .filter {
    width: 480px;
    background: #fff;
    padding: 24px 16px;
    .content {
      border: 2px solid #e0e0e0;
      border-radius: 36px;
      padding: 12px 24px;
      gap: 12px;
      height: 60px;
      @include flex-space-between;
    }
  }

  .date {
    flex: 1;
    @include flex-space-between;
  }

  .dateItem {
    font-size: 26px;
  }

  .separator {
    color: $text-color-inverse;
  }
}
